<template>
  <div>
    <nav-com
      title="我的提货券"
      :showView="true"
      @back="backHandler()"
    >   <div
      @click="transferList()"
      style="font-size: 14px;color: #F86931;"
    >总明细</div></nav-com>
    <van-tabs v-model="active">
      <van-tab title="未使用"><Item :status="1"/></van-tab>
      <van-tab title="已使用"><Item :status="2"/></van-tab>
      <van-tab title="已过期"><Item :status="3"/></van-tab>
    </van-tabs>
  </div>
</template>
<script>
import navCom from "@/component/nav";
import Item from "./Item/index.vue"
export default {
  data() {
    return {
      active:0
    };
  },
  components: {
    navCom,
    Item
  },
  methods: {
    transferList(){
      this.$router.push({name:'ExaGiveOtherRecorde',params:{type:'all'}})
    },
    backHandler() {
      if(weixin.isAndroid()){
        window.JS_TROOPS.goBack()
      }else{
        this.$router.go(-1);
      }
    },
  },
};
</script>
